import React from 'react'
import { NavBar } from 'antd-mobile'
import { Empty } from 'react-vant';
import { Tabs } from 'react-vant'
import { useNavigate } from 'react-router-dom'
const Index: React.FC = () => {
  const navigate = useNavigate()
  return (
    <div>
      <NavBar style={{ background: '#fff' }} onBack={() => navigate(-1)}>用药建议</NavBar>
      <Tabs active={0}>
        <Tabs.TabPane title='全部'>
          <Empty description="暂无数据">
          </Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title='待付款'>
          <Empty description="暂无数据">
          </Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title='待发货'>
          <Empty description="暂无订单">
          </Empty>
        </Tabs.TabPane>
        <Tabs.TabPane title='待收货'>
          <Empty description="暂无订单">
          </Empty>
        </Tabs.TabPane>
         <Tabs.TabPane title='待自取'>
          <Empty description="暂无订单">
          </Empty>
        </Tabs.TabPane>
         <Tabs.TabPane title='已完成'>
          <Empty description="暂无订单">
          </Empty>
        </Tabs.TabPane>
         <Tabs.TabPane title='已关闭'>
          <Empty description="暂无订单">
          </Empty>
        </Tabs.TabPane>
      </Tabs>
    </div>
  )
}

export default Index